﻿
@{
    ViewBag.Title = "小路影视";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
}
@section head{
    <link rel="stylesheet" href="~/Content/Display/Index.css" media="all" />
    <link href="~/Content/font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet">
    @*<link href="//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">*@
    <script src="~/Scripts/vide7.5.5/js/video.min.js"></script>
    <link href="~/Scripts/vide7.5.5/css/video-js.min.css" rel="stylesheet" type="text/css" />
    @*<script src="~/Scripts/vide7.5.5/videojs-contrib-hls.js"></script>*@

    <style>
        .m {
            width: 740px;
            height: 400px;
            margin-left: auto;
            margin-right: auto;
            margin-top: 100px;
        }

        /*.video-js .vjs-time-control {
            display: block;
        }

        .video-js .vjs-remaining-time {
            display: none;
        }*/
    </style>
}
<div class="head">
    <div class="NavHead">
        <a href="/">首页</a> 
    </div>
    <div class="NavHead">
        <i class="fa fa-youtube-play" style="color:hotpink;font-size:1.5rem;margin-right:5px;"></i>电影
    </div>
    <div class="NavHead">
        <i class="fa fa-youtube-play" style="color:hotpink;font-size:1.5rem;margin-right:5px;"></i>剧集
    </div>
    <div class="NavHead">
        <i class="fa fa-youtube-play" style="color:hotpink;font-size:1.5rem;margin-right:5px;"></i>综艺
    </div>

</div>
<div class="srh">
    <form action="/Display/search" method="post" class="sos">
        <div class="t">
            <input type="text" onblur="if(this.value==''){ this.value='请输入关键词';}" onfocus="if(this.value=='请输入关键词'){this.value='';}" value="请输入关键词" autocomplete="off" name="wd">
        </div>
        <div class="b">
            <button type="submit" name="search"><i class="fa fa-search"></i></button>
        </div>
    </form>
</div>
<div style="clear:both;width:100%;"></div>


<video id="example_video_1" class="video-js vjs-fluid vjs-default-skin  vjs-big-play-centered"  controls preload="none"
        data-setup="{}">
    <source src="@ViewBag.VideoMap["m3u8Path"]" type='application/x-mpegURL' />
</video>




<div class="menu">
    @*<em>首页</em>*@
    <a href="/display/detailView?SubjectId=@ViewBag.SubjectId" class="pagelink_a">返回</a>

</div>

<div class="tabs_block">
    <ul class="list_block show">
        @for (int i = 0; i < ViewBag.VideoList.Count; i++)
        {
        <li>
            @if (ViewBag.VideoList[i]["VideoId"].ToString() == ViewBag.VideoMap["VideoId"].ToString())
            {
                <a href="/Display/PlayView?VideoId=@ViewBag.VideoList[i]["VideoId"]&SubjectId=@ViewBag.SubjectId" style="color:red">第 @(i + 1) 集</a>
            }
            else
            {
                <a href="/Display/PlayView?VideoId=@ViewBag.VideoList[i]["VideoId"]&SubjectId=@ViewBag.SubjectId">第 @(i + 1) 集</a>
            }

        </li>
        }

    </ul>

</div>
<div class="foot">
    <p><a href="/">返回首页</a><span>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;&nbsp;</span><a href="javascript:scroll(0, 0)">返回顶部</a></p>
    <p>Copyright © 2020 最新免费福利电影 - 五里店姚明作品</p>
</div>

<script type="text/javascript">

    var videoObj = videojs('example_video_1', {
        //controlBar: {
        //    volumePanel: {
        //        inline: false //默认是true,横着的
        //    }
        //}

    });
    //var option = {};
    /*option只是一个参数,function onPlayerReady就是播放器初始化完成时会执行的回调函数*/
    //var myPlayer = videojs('my-video', { "poster": "", "controls": "true" }, function onPlayerReady() {
    //    var myPlayer = this;
    //    myPlayer.src({ src: "/Upload/OutPut/20200225125205/S.H.E.belief.mp4.m3u8", type: "application/x-mpegURL" });
    //    this.play();
    //});




</script>
